<script setup>
const BASE_BED_IMG_URL = ref(import.meta.env.VITE_APP_BED_IMG_API);

const props = defineProps({
  video: {
    type: String,
    default: null,
  }
});
</script>

<template>
  <div style="animation: header-effect 2s" class="background-image">
    <video autoplay="autoplay" muted="muted" loop="loop"
           :src="BASE_BED_IMG_URL + props.video"></video>
  </div>
</template>

<style scoped lang="less">
.background-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
</style>